//layout样式
.customPopper {
    min-width: 30px !important;
    padding: 12px 0 5px !important;
}

#app {
    .ss {
        .el-icon-arrow-right {
            &::before {
                display: none;
            }
        }
    }

    //原主题
    &.def {
        .home-box{
            background: #fff;
        }

        .slot2 {
            border-bottom: 2px solid #efefef;
        }

        .el-aside {
            background: @defmenuBg;
            color: @defmenuTextColor;
        }

        .head-top {
            box-shadow: 4px 2px 4px rgba(0, 21, 41, 0.08);

        }

        .title-text {
            color: @defmenuTextColor;
        }

        .tagclass {
            border: 1px solid #d8dce5;
            color: #495060;

            .el-icon-close {
                &:hover {
                    background: #b4bccc;

                }
            }
        }

        .head-buttom {
            border-bottom: 1px solid #d8dce5;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);


        }

        .isActive {
            background-color: #42b983;
            color: #fff;

            &::before {
                background: #fff;
            }
        }

        //页面样式
        .boxpa {
            background: #fff;

            .box-top {
                background: #fff;

            }
        }
        .loading{
  background: #fff;

        }



    }

    //换主题
    &.dark {

        .el-aside {
            background: linear-gradient(0deg, #0098f0, #00f2c3, #00f2c3, #00f2c3);
            ;
            color: @darkmenuTextColor;
        }

        .head-top {
            box-shadow: 0px 2px 2px rgb(136 233 208 / 84%);
            background: linear-gradient(to right, #00f2c3, #749ed4)
        }

        .el-breadcrumb__separator {

            color: #3a4457;
        }

        .title-text {
            color: @darkmenuTextColor;
        }

        .tagclass {
            border: 1px solid #27293d;
            color: #a9bb75ed;
            background: #27293d;

            .el-icon-close {
                &:hover {
                    background: #b4bccc;

                }
            }
        }

        .head-buttom {
            border-bottom: 1px solid #9eaccb;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);


        }

        .el-container {
            background: linear-gradient(#1e1e2f, #1e1e24);
        }

        .el-main {
            background: none;
        }

        .el-header {
            background: none;
        }

        .isActive {
            background-color: #447260d9;
            color: #dbdbcf;

            &::before {
                background: #fff;
            }
        }
                //页面样式
                .boxpa {
                    background: @darkbox1;
        
                    .box-top {
                        background: @darkbox1;
        
                    }
                    h1{
                        color: @darkTextmain;
                    }
                    .liziTitle{
                        color: @darkspanmain;
                    }
                }
                .home-box{
                    background:@darkbgmain;
                }
                .loading{
                    background:@darkbgmain;
                }
    }




}